<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天地图-hello world</title>
    <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=f4e18024307bffe25a045ce3288aef50"></script>
    <script>
        var map;
        var zoom = 12;
        function onLoad() {
            map = new T.Map('mapDiv');
            map.centerAndZoom(new T.LngLat(120.13, 30.27), zoom);
        }
    </script>
</head>
<body onLoad="onLoad()">
<div id="mapDiv" style="position:absolute;width:100%; height:100%"></div>
</body>


</html>